import React from 'react';
import './avatar.css'
import { Link } from 'react-router-dom'
import Level from '../Level'

const Avatar = (props) => {
    return (
        <div className="avatar">
            <div className="avatarImg"></div>
            <div className="avatarContent">
                <h5>{props.info ? props.info.truename : ''}</h5>
                <p>用户编号：{props.info ? props.info.username : ''}</p>
            </div>
            <div className="level"><Level level={props.info ? props.info.level : ''} /></div>
            <Link to='/' className="link1">关联账号 ＞</Link>
        </div>
    );
}

export default Avatar;
